<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<meta charset="utf-8">
	<title>jQuery UI Autocomplete - Default functionality</title>
	<link rel="stylesheet" href="resources/themes/base/jquery.ui.all.css">
	<script src="resources/js/jquery-1.9.0.js"></script>
	
	<script src="resources/js/ui/jquery.ui.core.js"></script>
	<script src="resources/js/ui/jquery.ui.widget.js"></script>
	<script src="resources/js/ui/jquery.ui.position.js"></script>
	<script src="resources/js/ui/jquery.ui.menu.js"></script>
	<script src="resources/js/ui/jquery.ui.autocomplete.js"></script>
	
	
	<script>var data = [
		{"label" : "Aragorn"},
		{"label" : "Arwen"},
		{"label" : "Bilbo Baggins"},
		{"label" : "Boromir"},
		{"label" : "Frodo Baggins"},
		{"label" : "Gandalf"},
		{"label" : "Gimli"},
		{"label" : "Gollum"},
		{"label" : "Legolas"},
		{"label" : "Meriadoc Merry Brandybuck"},
		{"label" : "Peregrin Pippin Took"},
		{"label" : "Samwise Gamgee"}
		];
</script>
	
<script type="text/javascript">


$(document).ready(function() {
	//alert('${pageContext. request. contextPath}/get_country_list.html');
	$( "#search" ).autocomplete({
		 
		source: '${pageContext. request. contextPath}/search/getdata'
	});

	
});
</script>

</head>
<body>

<div class="ui-widget">
	<label for="tags">Tags: </label>
	<input type="text" id="search" />
</div>

</body>
</html>